<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <p:panel id="pnlBusquedaFacturas" collapsed="#{BKVentaFacturaExportacion.listaFacturas ne null}"
             header="Consultar Facturas" widgetVar="buscar" toggleable="true" 
             style="width:650px;margin: 5px auto">

        <br/>

        <table border="0" cellspacing="3" cellpadding="3">                                               
            <tbody>
                <tr>

                    <td>
            <h:outputLabel id="lblNroFacturaBuscar" value="NRO. FACTURA " class="lblBusqueda" />
            </td>
            <td>
            <p:inputText onkeyup="cambiarMayuscula(this)" id="txtNumeroFactura"  value="#{BKVentaFacturaExportacion.facturaBusqueda.numFactura}" />
            </td>
            <td>
            <h:outputLabel id="lblRUCBuscar" value="RUC CLIENTE" class="lblBusqueda" />
            </td>
            <td>
            <p:inputText onkeyup="cambiarMayuscula(this)" id="txtRUC"  value="#{BKVentaFacturaExportacion.facturaBusqueda.ruc}" />
            </td>

            </tr>
            <tr>
                <td>
            <h:outputLabel id="lblRazonBuscar" value="RAZON SOCIAL " class="lblBusqueda" />
            </td>
            <td colspan="3">
            <p:inputText onkeyup="cambiarMayuscula(this)" id="txtRazonSocial"  value="#{BKVentaFacturaExportacion.facturaBusqueda.razon}" size="65"/>
            </td>

            </tr>

            <tr>
                <td>
            <h:outputLabel id="lblBuscarDel" value="FECHA DEL " class="lblBusqueda" />
            </td>
            <td>
            <p:calendar id="txtFechaInicioCot" locale="es"
                        value="#{BKVentaFacturaExportacion.busquedaDel}" 
                        pattern="dd/MM/yyyy" 
                        maxdate="#{BKVentaFacturaExportacion.busquedaAl}"
                        showOn="button" showButtonPanel="true" navigator="true">
                <p:ajax event="dateSelect" process="@this" update="txtFechaFinalCot" />
            </p:calendar>    

            </td>
            <td>
            <h:outputLabel id="lblBuscarAl" value="  AL  "  class="lblBusqueda" />
            </td>
            <td>
            <p:calendar id="txtFechaFinalCot" locale="es"
                        value="#{BKVentaFacturaExportacion.busquedaAl}" 
                        pattern="dd/MM/yyyy"
                        mindate="#{BKVentaFacturaExportacion.busquedaDel}"
                        showOn="button" showButtonPanel="true" navigator="true">
                <p:ajax event="dateSelect" process="@this" update="txtFechaInicioCot" />
            </p:calendar>
            </td>

            </tr>
            <tr>
                <td>
            <h:outputLabel id="lblEstado" value="FORMA PAGO" class="lblBusqueda" />
            </td>
            <td>
            <p:selectOneMenu id="cbxEstado"
                             value="#{BKVentaFacturaExportacion.facturaBusqueda.formaPago.id}">
                <f:selectItem itemLabel="Seleccionar" itemValue="0" />
                <f:selectItems value="#{BKVentaFacturaExportacion.listaTipoFormaPago}"
                               var="tipoFormaPago" itemLabel="#{tipoFormaPago.nombre}"
                               itemValue="#{tipoFormaPago.id}" />
            </p:selectOneMenu>
            </td>
            <td colspan="2">

            </td>

            </tr>
            <tr>

                <td>
            <p:commandButton id="btnBuscarFacturas" value="BUSCAR"                                                          
                             action="#{MBVentaFacturaExportacion.buscarListaFacturas()}"
                             update="btnBuscarFacturas,dataTablaFacturas" process="@this"
                             oncomplete="listaFacturas.show();buscar.toggle()" style="font-size: 12px" />

            </td>
            </tr>

            </tbody>
        </table>




    </p:panel>

    <p:panel id="pnlListarFacturas" header="Lista de Facturas" closable="true" style="width: 100%;margin: 10px auto"  
             widgetVar="listaFacturas" visible="#{BKVentaFacturaExportacion.listaFacturas ne null}">

        <p:dataTable id="dataTablaFacturas" var="factura"
                     value="#{BKVentaFacturaExportacion.listaFacturas}" widgetVar="lista"
                     emptyMessage="No se encontraron Facturas"
                     filteredValue="" rowIndexVar="rowIndex" paginator="true" rows="10"
                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                     {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                     rowsPerPageTemplate="40,80,100" paginatorPosition="bottom" styleClass="datable-busqueda">


            <f:facet name="header">
                <p:outputPanel layout="block" >
                    <h:commandButton value="Exportar EXCEL">  
                        <p:dataExporter type="xls" target="dataTablaFacturas" fileName="facturasExportacion" />  
                    </h:commandButton>  

                    <h:commandButton value="Exportar PDF">  
                        <p:dataExporter type="pdf" target="dataTablaFacturas" fileName="facturasExportacion"/>  
                    </h:commandButton>
                </p:outputPanel>

            </f:facet>
            <p:column id="idColumnaNum" style="width: 5%">
                <f:facet name="header">  
                    <h:outputText value="Num" />  
                </f:facet>  
                <h:outputText value="#{rowIndex+1}" />
            </p:column>

            <p:column id="idColumnaSerie" style="width: 10%" sortBy="#{factura.serieFactura}">
                <f:facet name="header">  
                    <h:outputText value="Serie" />  
                </f:facet>  
                <h:outputText value="#{factura.serieFactura}" />
            </p:column>

            <p:column id="idColumnaNumero" style="width: 10%" sortBy="#{factura.numFactura}">
                <f:facet name="header">  
                    <h:outputText value="N.Doc" />  
                </f:facet>
                <h:outputText value="#{factura.numFactura}" />
            </p:column>

            <p:column id="idColumnaFecha" style="width: 15%" sortBy="#{factura.fechDocventa}" >
                <f:facet name="header">  
                    <h:outputText value="Fecha" />  
                </f:facet>
                <h:outputText value="#{factura.fechDocventa}" >
                    <f:convertDateTime pattern="dd/MM/yyyy" />
                </h:outputText>
            </p:column>

            <p:column id="idColumnaRUC" style="width: 10%" sortBy="#{factura.ruc}" >
                <f:facet name="header">  
                    <h:outputText value="RUC Cliente" />  
                </f:facet>
                <h:outputText value="#{factura.ruc}" />
            </p:column>

            <p:column id="idColumnaRazon" style="width: 25%" sortBy="#{factura.razon}" >
                <f:facet name="header">  
                    <h:outputText value="Razon Social" />  
                </f:facet>
                <h:outputText value="#{factura.razon}" />
            </p:column>

            <p:column id="idColumnaMoneda" style="width: 5%" sortBy="#{factura.moneda.nombre}" >
                <f:facet name="header">  
                    <h:outputText value="Moneda" />  
                </f:facet>
                <h:outputText value="#{factura.moneda.nombre}" />
            </p:column>

            <p:column id="idColumnaVenta" style="text-align:right ;width: 10%" sortBy="#{factura.precioVenta}" >
                <f:facet name="header">  
                    <h:outputText value="Precio Venta" />  
                </f:facet>
                <h:outputText value="#{factura.precioVenta}" >
                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                </h:outputText>
            </p:column>

            <p:column id="idColumnaAcciones" style="width: 10%"  headerText="#{message['general.label.tipoAcesso']}" exportable="false">
                <p:commandButton icon="ui-icon-search" title="#{message['general.button.ver']}" action="#{MBVentaFacturaExportacion.ver()}" immediate="true" ajax="false">
                    <f:setPropertyActionListener value="#{factura}" target="#{BKVentaFacturaExportacion.facturaSeleccionado}" />  
                </p:commandButton>
                <p:commandButton icon="ui-icon-pencil" title="#{message['general.button.editar']}" action="#{MBVentaFacturaExportacion.editar()}" immediate="true" ajax="false"
                                 disabled="#{MBVentaFacturaExportacion.estaHabilitado(factura.estado)}">
                    <f:setPropertyActionListener value="#{factura}" target="#{BKVentaFacturaExportacion.facturaSeleccionado}" />  
                </p:commandButton>    
                <p:commandButton id="btnControl" title="Control Drawback" icon="ui-icon-folder-open" immediate="true" ajax="false" action="#{MBControlDrawback.mostrar()}"
                                 rendered="#{MBVentaFacturaExportacion.porControlar(factura.estado,factura.aplicarDrawback)}">
                    <f:setPropertyActionListener value="#{factura}" target="#{BKControlDrawback.facturaSeleccionada}" /> 
                </p:commandButton>
                <p:commandButton id="btnEditarFecha" title="Editar Fechas" icon="ui-icon-calendar"  oncomplete="confirmarEditar.show()" process="@this"
                                 rendered="#{MBVentaFacturaExportacion.estaEmitido(factura.estado)}">
                    <f:setPropertyActionListener value="#{factura}" target="#{BKVentaFacturaExportacion.facturaSeleccionado}" />
                </p:commandButton>

            </p:column>


        </p:dataTable>
    </p:panel>

</html>